import classNames from 'classnames'
import React from 'react'
import styles from './index.module.scss'
export default function Input({ className, onExtraClick, extra, ...rest }) {
  return (
    <div className={classNames([styles.root, className])}>
      <input autoComplete="off" className="input" {...rest} />
      {extra && (
        <div className="extra" onClick={onExtraClick}>
          {extra}
        </div>
      )}
    </div>
  )
}
